body,div,h1,h2,h3,h4,h5,p,ul,li {margin:0;padding:0;font-weight:normal;list-style:none;}
html {-webkit-text-size-adjust:100%;}
html,body {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;background:#fff;}
body {font-family:'PingFang SC','Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei',sans-serif;font-size:14px;position:relative;overflow-x:hidden;}
body:before {background:grey;position:absolute;content:'';display:block;width:14px;height:14px;left:50%;top:50%;margin-left:-7px;margin-top:-7px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-webkit-animation:loading 2s ease-out forwards infinite;-moz-animation:loading 2s ease-out forwards infinite;display:none;}
body.loading:before {display:block;}
@-webkit-keyframes loading {
  0% {-webkit-transform:scale(0.3);}
  50% {-webkit-transform:scale(1.0);}
  100% {-webkit-transform:scale(0.3);}
}
@-moz-keyframes loading {
  0% {-moz-transform:scale(0.3);}
  50% {-moz-transform:scale(1.0);}
  100% {-moz-transform:scale(0.3);}
}
body.loading #container,body.loading #single,body.loading .nav {opacity:0;}
html.loading,body.loading {height:100%;overflow:hidden;}
a,a:hover {text-decoration:none;}
img {display:block;max-width:100%;height:auto;}
audio {display:none;visibility:hidden;opacity:0;width:0;height:0;}
#screen {position:relative;}
#mark {width:100%;height:560px;overflow:hidden;}
.layer {position:relative;}
#cover {position:absolute;max-width:none;}
#header {position:absolute;top:70px;width:100%;}
#header > div {margin:0 60px;position:relative;}
.icon-menu {font-size:20px;padding:6px 6px 5px;border-radius:2px;cursor:pointer;position:absolute;z-index:4;right:0;top:0;margin-top:-3px;background:rgba(255,255,255,.9);}
.icon-search {font-size:20px;padding:6px 6px 5px;border-radius:2px;cursor:pointer;position:absolute;z-index:4;right:40px;top:0;margin-top:-3px;background:rgba(255,255,255,.9);}
.image-logo {z-index:4;position:relative;display:inline-block;-webkit-background-size:75px 32px;-moz-background-size:75px 32px;background-size:75px 32px;background-repeat:no-repeat;background-position:center center;-webkit-mask-box-image:url("/img/logo.png");background-color:white;width:75px;height:32px;mask-image:url("/img/logo.png");mask-size:contain;transition: background-color 0.5s ease-in-out;}
body.mu .image-logo {background-color:black;}
#vibrant {position:absolute;top:0;left:0;width:100%;height:100%;}
#vibrant div {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#000;}
#post0 {width:28%;position:absolute;top:42%;left:10%;}
#post0 p:first-child {color:#fff;font-size:12px;}
#post0 h2 {font-size:28px;margin-top:15px;}
#post0 h2 a {color:#fff;}
#post0 h2 + p {color:#fff;font-size:14px;margin-top:30px;}
.post {margin:100px auto 0;width:1200px;position:relative;}
.post > a {display:inline-block;width:680px;height:440px;overflow:hidden;position:relative;z-index:3;}
.else {position:absolute;background:#fff;text-align:left;top:20px;height:398px;width:498px;border:1px solid #eaeaea;}
.post:nth-child(odd) {text-align:left;}
.post:nth-child(even) {text-align:right;}
.post:nth-child(odd) .else {left:660px;}
.post:nth-child(even) .else {right:660px;}
.else p:first-child {color:#999;font-size:12px;margin:80px 0 0 80px;}
.else h3 {font-size:30px;line-height:1.1;margin:10px 100px 0 80px;}
.else h3 a {color:#333;}
.else h3 + p {color:#555;margin:10px 100px 0 80px;font-size:14px;line-height:1.8;}
.here {position:absolute;left:80px;bottom:80px;color:#999;font-size:13px;}
.here span {display:inline-block;vertical-align:middle;margin-right:10px;font-family:"icomoon","Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
.here span:before {display:inline-block;vertical-align:top;margin-right:7px;font-size:16px;}
.here a {display:inline-block;cursor:default;}
#pager {text-align:center;margin:70px 0 0;position:relative;}
#pager a {font-size:14px;letter-spacing:5px;color:#666;border:1px solid #dadada;padding:10px 40px;background:#fff;}
#loader {display:none;position:fixed;top:0;width:100%;height:3px;z-index:100;background-image:-webkit-linear-gradient(left,#F16F5C 0%,#F16F5C 12.5%,#5B56DD 12.5%,#5B56DD 25%,#E15CED 25%,#E15CED 37.5%,#27E559 37.5%,#27E559 50%,#18C8C9 50%,#18C8C9 62.5%,#DC8987 62.5%,#DC8987 75%,#BB83D6 75%,#BB83D6 87.5%,#E774BD 87.5%,#E774BD 100%);background-image:-moz-linear-gradient(left,#F16F5C 0%,#F16F5C 12.5%,#5B56DD 12.5%,#5B56DD 25%,#E15CED 25%,#E15CED 37.5%,#27E559 37.5%,#27E559 50%,#18C8C9 50%,#18C8C9 62.5%,#DC8987 62.5%,#DC8987 75%,#BB83D6 75%,#BB83D6 87.5%,#E774BD 87.5%,#E774BD 100%);}
#top {height:50px;text-align:center;border-bottom:1px solid #f7f7f7;background:#fefefe;width:100%;position:fixed;top:0;z-index:10;display:none;}
body.touch #top {position:relative;}
.icon-icon {color:#333;font-size:20px;position:absolute;left:14px;top:16px;}
.image-icon {-webkit-background-size:24px 24px;-moz-background-size:24px 24px;background-size:24px 24px;background-position:center center;background-repeat:no-repeat;width:24px;height:24px;position:absolute;left:14px;top:15px;color:#333;}
.image-icon:hover {color:black;}
.subtitle {color:#666;font-size:14px;margin-top:16px;display:none;}
.icon-play,.icon-pause,.icon-images {position:absolute;left:70px;color:#666;top:17px;font-size:18px;cursor:pointer;}
.icon-images {left:100px;}
.icon-images.active {color:#EF6D57;}
#top .count {display:none;}
.social {position:absolute;right:0;height:30px;top:12px;}
.share a {display:inline-block;color:#666;margin-right:15px;}
.share a:hover {color:#333;}
.share {position:relative;}
.social > div {display:inline-block;font-size:20px;color:#666;cursor:pointer;margin-left:15px;}
#qr {z-index:10;display:none;position:absolute;background:#fff;padding:16px;border:1px solid #f7f7f7;right:10px;top:50px;}
.bar {position:absolute;height:100%;background:rgba(0,0,0,.07);z-index:-1;width:0;-webkit-transition:width .5s ease;-moz-transition:width .5s ease;transition:width .5s ease;}
.scrollbar {position:absolute;height:2px;width:10px;top:0;background-color:#50bcb6;-webkit-transition:width .5s ease;-moz-transition:width .5s ease;transition:width .5s ease;}
body.touch .scrollbar {display:none;}
.nav {position:fixed;height:100%;width:100%;background:rgba(255,255,255,.97);z-index:3;top:-100%;-webkit-transition:top 0.3s cubic-bezier(0.4,0,0.2,1);-moz-transition:top 0.3s cubic-bezier(0.4,0,0.2,1);transition:top 0.3s cubic-bezier(0.4,0,0.2,1);}
body.mu {overflow:hidden;height:100%;}
html.mu {height:100%;}
body.mu .icon-menu {color:#333;background: none;}
body.mu .icon-search {color:#333;background: none;}
body.mu .icon-menu:before {content:"\e689";}
body.mu .nav {top:0;}
body.mu .icon-logo {color:#333;}
.menu {text-align:center;margin-top:200px;}
.menu ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style-type: none;padding: 0;}
.menu li {font-size:18px;display:inline-block;margin:0 2px 2px 0;}
.menu li:not(:last-child) {margin-right: 5px;}
.menu a {display: block;font-size: 20px;color: #666;text-decoration: none;padding: 5px;margin: auto 10px;border-bottom: .1em solid transparent;}
.menu a:hover {color:#333; border-bottom: .1em solid #9e1900; padding-bottom: .15em; transition: 150ms ease-in-out;}
.nav p {color:#999;font-size:12px;position:absolute;width:100%;text-align:center;bottom:30px;}
.nav p a {color:#999;text-decoration:underline;}
.nav p:first-letter {font-family:sans-serif;}
.nav .hitokoto {text-align:center;font-size: 16px;margin: 10% auto 10px;padding: 10px 20px 10px;color: darkgray;max-width:800;}
.nav .footerlinks {font-size: 45px; margin: 20px 1px 30px;padding: 10px 1px 10px;}
.nav .footerlinks a {font-size: 35px; text-decoration:none;}
.nav .footerlinks a:hover { color: #737373;}/* 鼠标移动到链接上 */

.set {display:block;max-width:768px;margin:0 auto 30px;line-height:2;padding-left:30px}
.set h3 {font-size:22px;font-weight:500;margin:15px 0 20px}
.set a {display:inline-block;position:relative;color:#424242;padding:5px 5px;}
.set a::before {content:"";position:absolute;width:0;right:0;bottom:0;height:2px;background:#2196F3}
.set a:hover {color:#2196F3!important}
.set .category-list-item,.set .tag-list-item {display:inline-block;font-size:17px;text-align:left}
.set .category-list-item .category-list-count,.set .category-list-item .tag-list-count,.set .tag-list-item .category-list-count,.set .tag-list-item .tag-list-count {color:#9E9E9E;font-style:normal}
.set .category-list-item .category-list-count::before,.set .category-list-item .tag-list-count::before,.set .tag-list-item .category-list-count::before,.set .tag-list-item .tag-list-count::before {content:"["}
.set .category-list-item .category-list-count::after,.set .category-list-item .tag-list-count::after,.set .tag-list-item .category-list-count::after,.set .tag-list-item .tag-list-count::after {content:"]"}
.set .category-list-item {width:30%;margin:5px 0}@media screen and (max-width:768px) {.set .category-list-item {width:100%}}
.set .tag-list-item {margin:10px 20px}
.set .search .search-input {width: 100%;height: 42px;background: transparent;border: 0px;border-bottom:2px solid #6558BC;font-size:20px;padding-top: 20px;}
.set .search .search-input[type=text]:focus{outline: none;border: 0px;border-bottom:2px solid #6558BC;}
.set .search .local-search-result {margin-top:30px;}
.set .search .search-result-list {padding:0;margin: 0;}
.set .search .search-result-title {font-size:23px;}
.set .search .search-result {}
.set .search .search-keyword {background:yellow;padding:2px auto 2px;}
.set .search li {list-style: none; margin: 0;border-bottom:1px dashed #E3E3E3;}
.timeline {display:block;max-width:768px;margin:30px auto 40px;padding-left:30px;border-left:3px solid #B0BEC5}
.timeline .timeline-title::before,.timeline .timeline-subtitle::before,.timeline .timeline-item::before {position:absolute;top:50%;transform:translateY(-50%);border-style:solid;border-color:#B0BEC5;border-radius:50%;background:white;content:"";transition:all .3s ease}
.timeline-title,.timeline-subtitle,.timeline-item {position:relative;margin-bottom:25px;line-height:32px}
.timeline-title:hover::before,.timeline-subtitle:hover::before,.timeline-item:hover::before {border-color:#2196F3}
.timeline-title:hover a,.timeline-subtitle:hover a,.timeline-item:hover a {color:#2196F3}
.timeline-title {font-size:28px}
.timeline-title::before {width:12px;height:12px;border-width:4px;left:-42px}
.timeline-subtitle {font-weight:400;font-size:22px}
.timeline-subtitle::before {width:11px;height:11px;border-width:3px;left:-40px}
.timeline-item {font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;padding-left:100px}
.timeline-item time {position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;font-weight:300;color:#616161;width:100px}
.timeline-item a {color:#212121;font-weight:400;transition:all .3s ease}
.timeline-item::before {width:9px;height:9px;border-width:2px;left:-38px}
#container {padding-bottom:100px;overflow:hidden;position:relative;}
#container:before {content:'';display:block;width:1px;height:200%;position:absolute;left:50%;background:#eaeaea;top:-50%;z-index:0;}
#primary {position:relative;}
#single {background:#fff;position:relative;overflow-x:hidden;}
.section {position:relative;width:100%;overflow:hidden;-webkit-transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);-moz-transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);}
body.touch,body.touch .article {margin-top:0;}
.zoom:before {opacity:0;color:#fff;font-size:20px;display:block;z-index:3;left:50%;top:70%;padding:5px;margin-top:-15px;margin-left:-15px;position:absolute;background:rgba(0,0,0,.7);-webkit-transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);-moz-transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);}
.zoom:hover:before {opacity:1;top:50%;}
.touch .zoom:hover:before {opacity:0;}
.icon-arrow-left:before {content:'\e606';position:absolute;left:0;top:50%;margin-top:-30px;color:#666;}
.icon-arrow-right:before {content:'\e605';position:absolute;right:0;top:50%;margin-top:-30px;color:#666;}
h1.title {font-size:30px;color:#333;line-height:1.3;position:relative;font-weight:bold;}
.page .content:before {display:none;}
.stuff {margin-top:20px;color:#666;font-size:13px;}
.stuff span {display:inline-block;margin-right:20px;}
.stuff .likeThis {pointer-events:none;}
.stuff .icon-like {display:none;}
.stuff .count {color:#666;}
.comment {margin:50px auto;}
.comment.link,.downloadlink {cursor:pointer;letter-spacing:5px;border:1px solid #dadada;width:170px;text-align:center;color:#666;font-size:14px;padding:10px 0;}
.comment .gt-comments-null{display:none;}
.comment .gt-header-textarea{border-radius:0;background: white;}
.comment .gt-popup{margin-top:8px;}
.comment .gt-counts a{color:black;border-bottom:0;pointer-events:none;}
.comment .gt-avatar-github{display:none;}
.comment .gt-header-avatar{display:none;}
.comment .gt-header-comment{margin-left: 0;!important;}
.comment .gt-header-preview{border-radius:0;}
.comment .gt-btn-public{border-radius:0;}
.comment .gt-btn-preview{border-radius:0;}
.comment .gt-btn-login{border-radius:0;}
.comment .gt-ico-tip{display:none;}
.comment .gt-btn-public .gt-btn-text:after{content:"（Cmd | Ctrl  + Enter）";}
.comment .gt-meta{margin:0; border:0;}
#preview {position:fixed;top:0;width:100%;height:100%;z-index:5;background:#fff;left:100%;-moz-transition:all 0.3s cubic-bezier(0,0,0.2,1);-webkit-transition:all 0.3s cubic-bezier(0,0,0.2,1);transition:all 0.3s cubic-bezier(0,0,0.2,1);overflow-y:scroll;}
#preview.show {left:0;}
#preview + canvas {display:none;}
.article {width:70%;margin:0 auto;margin-top:50px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;}
.article > div {width:100%;padding:30px 0;margin:0 auto;}
.article .main {width:700px;}
.article .side {align-self:flex-start;flex:0 0 220px;}
.article .toc {width:200px;height:100%;/*position:fixed;*/top:60px;right:100px;padding:1em;line-height:2.3;overflow-y:auto;}
.article .toc .toc-item:hover {font-weight:900;}
.article .toc li a {display:inline-block;color:#737373;text-decoration:none;transition:color,padding 0.2s ease-in-out;}
.article .toc li a:hover {padding-left:8px;border-left:3px solid black;}
.page .main{padding:0px;}

/* Icon font style */
@font-face{font-family:"iconfont";src:url(//at.alicdn.com/t/font_1679264_tle9h9614mq.eot?t=1583722241347);src:url(//at.alicdn.com/t/font_1679264_tle9h9614mq.eot?t=1583722241347#iefix) format("embedded-opentype"),url(data:application/x-font-woff2;charset=utf-8;base64,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) format("woff2"),url(//at.alicdn.com/t/font_1679264_tle9h9614mq.woff?t=1583722241347) format("woff"),url(//at.alicdn.com/t/font_1679264_tle9h9614mq.ttf?t=1583722241347) format("truetype"),url(//at.alicdn.com/t/font_1679264_tle9h9614mq.svg?t=1583722241347#iconfont) format("svg")}
.iconfont{font-family:"iconfont"!important;font-size:22px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-close:before{content:"\e689"}
.icon-play:before{content:"\e65d"}
.icon-menu:before{content:"\e623"}
.icon-home:before{content:"\e612"}
/*.icon-facebook:before{content:"\e632"}*/
/*.icon-twitter:before{content:"\e659"}*/
/*.icon-github:before{content:"\e64a"}*/
.icon-pause:before{content:"\e64c"}
.icon-scan:before{content:"\e600"}
.icon-search:before{content:"\e601"}
/*.icon-email:before{content:"\e62d"}*/
.icon-like:before{content:"\e602"}
/*.icon-wechat:before{content:"\e603"}*/
.icon-left:before{content:"\e604"}

@font-face {
  font-family: "iconfont"; /* Project id 2609542 */
  src: url('//at.alicdn.com/t/font_2609542_9phvm77zuvw.woff2?t=1623581069201') format('woff2'),
       url('//at.alicdn.com/t/font_2609542_9phvm77zuvw.woff?t=1623581069201') format('woff'),
       url('//at.alicdn.com/t/font_2609542_9phvm77zuvw.ttf?t=1623581069201') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 22px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-github:before {
  content: "\e7d1";
}

.icon-email:before {
  content: "\e6da";
}

.icon-wechat:before {
  content: "\e7e3";
}

.icon-twitter:before {
  content: "\e7e2";
}


/* tags style  */
.post-tags-list {margin-top:10px;display:table;}
.post-tags-list-item {float:left;margin-right:10px;background:rgba(102,128,153,0.075);border-radius:0;padding:2px 5px;}
.post-tags-list-link {color:rgba(44,63,81,0.5);}

/* Post or Page content style */
.content {margin-top:50px;font-size:15px;line-height:2;color:#232323;}
.content h1 {font-size:39px}
.content h2 {font-size:32px}
.content h3 {font-size:26px}
.content h4 {font-size:19px}
.content h5 {font-size:15px}
.content h6 {font-size:13px}
.content strong {font-weight:500;}
.content a {background:transparent;color:#1980e6;text-decoration:none;}
.content a:hover {color:#518dca;}
.content hr {margin-top:21px;margin-bottom:21px;border:0;border-top:1px solid rgba(102,128,153,0.1)}
.content p {margin:0 0 .8em;}
.content ul,.content ol {margin:10px 0;padding-left:20px;}
.content ul li {list-style:disc;margin:5px 0;}
.content ol li {list-style:decimal;margin:5px 0;}
.content > h1,.content > h2,.content > h3,.content > h4,.content > h5,.content > h6 {margin-top:2rem;margin-bottom:0.8rem;color:#000;}
.content > h1:first-child,.content > h2:first-child,.content > h3:first-child,.content > h4:first-child,.content > h5:first-child,.content > h6:first-child {margin-top:0;}
.content img {cursor:pointer;}
.content pre,.content .highlight {background:#2d2d2d;margin:1.6rem 0;padding:0.8rem 0.8rem;border-style:solid;border-width:1px 0;overflow:auto;color:#ccc;line-height:20px;}
.content .gutter {display:none;}
.content .highlight .gutter pre {color:#666;font-size:0.9rem;}
.content code,.content pre {font-family:"Source Code Pro",monospace}
.content code {background:rgba(99,99,99,0.07);color:#ef459c;padding:1px 2px;border-radius:2px;}
.content pre code {background:none;text-shadow:none;padding:0;}
.content blockquote {color:#656565;margin:0 0 1.1em;border-left:3px solid #efefef;border-left-width:6px;background-color:rgba(119,119,119,0.05);border-top-right-radius:5px;border-bottom-right-radius:5px;padding:15px 20px;}
.content blockquote p {margin:0;}
.content table {margin:15px 0;border-collapse:collapse;display:table;width:100%;table-layout:fixed;word-wrap:break-word;}
.content table tr {border-top:1px solid #ccc;background-color:#fff;}
.content table th,.content table td {border:1px solid #ddd;padding:6px 13px;}
.content .highlight pre {border:none;margin:0;padding:0;}
.content .highlight table {margin:0;width:auto;}
.content .highlight td {border:none;padding:0;}
.content .highlight tr {border:0;}
.content .highlight figcaption {font-size:0.85em;color:#999;line-height:1em;margin-bottom:1em;}
.content .highlight figcaption a {float:right;}
.content .highlight .gutter pre {text-align:right;padding-right:20px;}
.content .highlight .line {height:20px;}
.content .video-container {position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.content .video-container iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
pre .comment,pre .title {color:#999;}
pre .variable,pre .attribute,pre .tag,pre .regexp,pre .ruby .constant,pre .xml .tag,pre .title,pre .xml .pi,pre .xml .doctype,pre .html .doctype,pre .css .id,pre .css .class,pre .css .pseudo {color:#f2777a;}
pre .number,pre .preprocessor,pre .built_in,pre .literal,pre .params,pre .constant {color:#f99157;}
pre .class,pre .ruby .class .title,pre .css .rules .attribute {color:#99cc99;}
pre .string,pre .value,pre .inheritance,pre .header,pre .ruby .symbol,pre .xml .cdata {color:#99cc99;}
pre .css .hexcolor {color:#66cccc;}
pre .function,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword,pre .perl .sub,pre .javascript .title,pre .coffeescript .title {color:#6699cc;}
pre .keyword,pre .javascript .function {color:#cc99cc;}

/* Responsive style */
@media screen and (max-width:1200px) {
  #header > div {width:900px;margin:0 auto;}
  #post0 {width:32%;}
  #post0 h2 {font-size:24px;}
  .post {width:900px;}
  .post > a {width:480px;height:310px;}
  .else {top:10px;width:420px;height:290px;}
  .post:nth-child(odd) .else {left:450px;}
  .post:nth-child(even) .else {right:450px;}
  .else p:first-child {font-size:12px;margin:50px 0 0 60px;}
  .else h3 {font-size:24px;margin:10px 60px 0 60px;}
  .else h3 + p {margin:10px 60px 0 60px;}
  .here {left:60px;bottom:50px;}
  .article{width:100%;}
  .article .main{width:94%;}
  .article .side {display:none}
  .comment .gt-btn-public .gt-btn-text:after{content:"";}
}
@media screen and (max-width:900px) {
  #mark {height:480px;}
  #header > div {width:90%;}
  #vibrant polygon {transform:translateX(-10%);-moz-transform:translateX(-10%);-webkit-transform:translateX(-10%);}
  #post0 {width:40%;}
  #post0 h2 {font-size:20px;}
  .post {width:100%;margin-top:60px;background:#fff;padding-bottom:30px;border-bottom:1px solid #eaeaea;}
  .post > a {display:block;margin:0 auto;width:100%;height:auto;}
  .post > a img {margin:0 auto;}
  .else {height:auto;position:static;width:100%;margin:0 auto;background:transparent;border:none;}
  .else p:first-child {margin:30px 0 0 20px;}
  .else h3 {font-size:24px;margin:10px 30px 0 20px;}
  .else h3 + p {margin:10px 30px 0 20px;}
  .here {position:static;margin:20px 0 20px 20px;}
  .article{width:100%;}
  .article .main{width:94%;}
  .article .side {display:none}
  .comment .gt-btn-public .gt-btn-text:after{content:"";}
}
@media screen and (max-width:780px) {
  #header {top:40px;}
  #vibrant svg {display:none;}
  #vibrant div {opacity:0.3;}
  #container {padding-bottom:50px;}
  #post0 {bottom:60px;top:auto;width:70%;left:5%;}
  .menu {width:90%;margin:160px auto 0;}
  .menu li {font-size:16px;}
  #pager {margin:30px 0 0;}
  h1.title {font-size:24px;}
  .tab {display:none;}
  .icon-scan {display:none!important;}
  .icon-images {left:80px;}
  .icon-pause,.icon-play {left:50px;}
  .comment.link {width:140px;padding:5px 0;}
  .article{width:100%;}
  .article .main{width:94%;}
  .article .side {display:none}
  .comment .gt-btn-public .gt-btn-text:after{content:"";}
}
@media screen and (max-width:480px) {
  #post0 p:first-child {display:block;}
  #container:before {display:none;}
  #post0 h2 {text-align:left;margin:0 10px 0 0;}
  #post0 h2 + p {text-align:left;margin:10px 20px 0 0;color:#f2f2f2;font-size:14px;}
  #post0 h2 a {color:#fff;}
  #post0 .summary {display:none;}
  .stuff span {margin-right:10px;}
  .stuff span:first-child {display:none;}
  .content table {font-size:smaller;}
  .content table tr td {padding:6px;}
  .article {width:100%;}
  .article .main{width:94%;}
  .article .side {display:none}
  .comment .gt-btn-public .gt-btn-text:after{content:"";}
}
